@charset "utf-8";
.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }
.webuploader-pick { position: relative; display: inline-block; cursor: pointer;   color:#1FC926; border-radius:2px;top: 4px;font-size: 12px;margin-left: 5px;}
.uploader-btn-min .webuploader-pick { padding: 30px; }
.uploader-btn-max .webuploader-pick { padding: 30px 80px; }
/* .webuploader-pick-hover { background: #1FC926; } */
.webuploader-element-invisible {width:100%;height:100%}
/*demo样式*/
#picker { display: inline-block; line-height: 1.428571429; vertical-align: middle; margin: 0 12px 0 0; }
#picker .webuploader-pick { padding: 6px 12px; display: block; }
#uploader-demo .thumbnail { width: 110px; height: 110px; }
#uploader-demo .thumbnail img { width: 100%; }
.uploader-list { width: 100%; overflow: hidden; }
.file-item { float: left; position: relative; margin: 0 20px 20px 0; padding: 4px; }
.file-item .error { position: absolute; top: 4px; left: 4px; right: 4px; background: red; color: white; text-align: center; height: 20px; font-size: 14px; line-height: 23px; }
.file-item .info { position: absolute; left: 4px; bottom: 4px; right: 4px; height: 20px; line-height: 20px; text-indent: 5px; background: rgba(0, 0, 0, 0.6); color: white; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; z-index: 10; }
.upload-state-done:after { content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; position: absolute; bottom: 0; right: 4px; color: #4cae4c; z-index: 99; }
.file-item .progress { position: absolute; right: 4px; bottom: 4px; height: 3px; left: 4px; height: 4px; overflow: hidden; z-index: 15; margin: 0; padding: 0; border-radius: 0; background: transparent; }
.file-item .progress span { display: block; overflow: hidden; width: 0; height: 100%; background: #d14 url(../images/progress.png) repeat-x; -webit-transition: width 200ms linear; -moz-transition: width 200ms linear; -o-transition: width 200ms linear; -ms-transition: width 200ms linear; transition: width 200ms linear; -webkit-animation: progressmove 2s linear infinite; -moz-animation: progressmove 2s linear infinite; -o-animation: progressmove 2s linear infinite; -ms-animation: progressmove 2s linear infinite; animation: progressmove 2s linear infinite; -webkit-transform: translateZ(0); }
@-webkit-keyframes progressmove {
    0% { background-position: 0 0; }
    100% { background-position: 17px 0; }
}
@-moz-keyframes progressmove {
    0% { background-position: 0 0; }
    100% { background-position: 17px 0; }
}
@keyframes progressmove {
    0% { background-position: 0 0; }
    100% { background-position: 17px 0; }
}
a.travis { position: relative; top: -4px; right: 15px; }
.upload-noView { width: 100%; height: 100%; }


.action-pic-show {border:1px solid #ddd;padding:5px;}
.action-pic-show-tip {color:#ff6600;padding:5px;}
.action-pic-lis {}
.action-pic-lis dt {background:#f8f8f8;;height:24px;line-height:24px;}

.filePicker_view{position: relative;}
.filePicker_btn {  }
.file-url { margin-right: 10px; }
.uploadImg{ position: relative;margin: 0px 5px; display: inline-block;    float: left;}
.uploadImg img{max-width:100%; max-height: 100%;}
.uploadImg .uploadImg-opr{position: absolute; bottom: 0px; width: 100%; background: rgba(255, 252, 252, 0.69); padding: 3px 0px;text-align: right;}
.uploadImg-opr a {
    color: #ff6969;
    margin-right: 5px;
}
.filePicker_btn { overflow: hidden; }
.uploader-loading {font-style: normal;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px;
    color: #999;}
.uploader-loading { background: url(../img/loading.gif) center center no-repeat; }
.uploader-loading em { text-indent:-9999px; }


.filePicker_btn .uploader-loading-file { width: 120px; height: 40px; display: block; text-align: center; }
.filePicker_btn .uploader-loading-file { background: #eee url(../img/loading.gif) 10px center no-repeat; }
.filePicker_btn .uploader-loading-file em { font-style: normal; position: absolute; bottom: 0; left: 10px; height: 40px; line-height: 40px; text-indent: 30px; color: #999; }
.upload-tpl-tips{padding: 10px 0px;}


.filePicker_btn { overflow: hidden; }
.filePicker_btn .uploader-loading {font-style: normal;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px;
    color: #999;}



.portrait{width:78px;height:78px;overflow:hidden;}
.portrait img{    
	position: relative;
    transform: scale(1)
}
.container{width:400px;position:relative;}
.cropped{position:absolute;right:-230px;top:0;}
.fileinput-button {
    position: relative;
    display: inline-block;
    height: 32px;
    overflow: hidden;
}
#file{
	position: absolute;
    right: 0px;
    top: 0px;
}
#file-choice{
	position: absolute;
    right: 0px;
    top: 0px;
    color: transparent;
}
.imageBox{
    position:relative;
    height:240px;
    width:240px;
    overflow:hidden;
    background-repeat:no-repeat;
    cursor:move;
    margin:0 auto;
    margin-bottom:30px;
    margin-top: 24px;
}
.imageBox .thumbBox{
    position:absolute;
    top:50%;
    left:50%;
    width:150px;
    height:150px;
    margin-top:-75px;
    margin-left:-75px;
    box-sizing:border-box;
    border:1px solid rgb(102, 102, 102);
    box-shadow:0 0 0 1000px rgba(236, 236, 236, 0.5);
    background:none repeat scroll 0% 0% transparent;
}
.imageBox .spinner{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align:center;
    line-height:400px;
    background:rgb(236, 236, 236);;
}
.preview{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 203;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    transition: opacity .3s ease-out;
    background-color: rgba(26, 26, 26,.65);
    display:none
}
.preview_box{
	position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 400px;
    max-height: calc(100vh - 24px * 2);
    margin-right: auto;
    margin-left: auto;
    outline: 0;
    box-shadow: 0 5px 20px rgba(26,26,26,.1);
    box-sizing: border-box;
    transition: max-height .8s ease;
    overflow: auto;
    background: #fff;
    border-radius: 2px;
    margin-top:10%
}
.preview_title{
    font-size: 12px;
    font-weight: 500;
    color: #333333;
    background: #F8F8F8;
    text-align: left;
    height: 42px;
    padding: 12px;
}
.preview_subtitle{
	padding: 0 38px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5;
    color: #8590a6;
    text-align: center;
}
.slider{
	width:240px;
	margin:0 auto
}
input[type=range].RangeInput {
    height: 4px;
    padding: 0;
    vertical-align: middle;
    background: #1cb723;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 20px;
}
input[type="range" i] {
    color: rgb(196, 196, 196);
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 15px;
    width: 15px;/*使滑块超出轨道部分的偏移量相等*/
    background: #1cb723; 
    border-radius: 50%; /*外观设置为圆形*/
}
.preview_no{
	position: absolute;
    top: 10px;
    right: 10px;
}
.subbutton{
	margin-top:40px;
    height: 50px;
    padding: 10px 12px;
    background-color: #F8F8F8;
}
.subbutton input{
    color: #fff;
    margin:0 auto;
    height:30px;
    background-color: #1FC926;
    border: 1px solid #1FC926;
}
#myCanvas{display: none;}
#file,#file-choice{cursor: pointer;}
#file,#file-choice:focus{outline:0;}

.fileinput-button span{
	cursor: pointer;
    color: #1FC926;
    overflow: hidden;
    position: relative;
    top:6px;
    font-size: 12px;
    margin-left: 5px;
}

.uploader-add-btn{
	color:#FEFEFE;
	background-color:#1FC926;
	border-color:#1FC926;
	
	margin-top: 5px;
	display:inline-block;
	margin-bottom:0;
	font-size:12px;
	font-weight:normal;
	line-height:28px;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:2px;
}

.uploader-add-btn:hover{
	color:#fff;
	background-color: #1cb723;
	border-color: #1cb723;
}

.uploader-add-btn .webuploader-pick{color: #fff!important; top: 0px!important; width: 70px;}